import './assets/index.scss';

import { ConfigProvider } from 'antd';
import zhCN from 'antd/es/locale/zh_CN';
import { createRoot } from 'react-dom/client';
import { Provider } from 'react-redux';

import App from './App.tsx';
import store from './reducers/index.ts';

createRoot(document.getElementById('root')!).render(
  <Provider store={store}>
    <ConfigProvider
      locale={zhCN}
      theme={{
        token: {
          fontFamily: 'var(--font-family)',
          borderRadius: 4,
        },
        components: {
          Menu: {
            darkItemBg: 'var(----body-color-rgb)',
          },
        },
      }}
    >
      <App />
    </ConfigProvider>
  </Provider>
);
